﻿html, body  
{background-image: linear-gradient(bottom, rgb(38,70,109) 5%, rgb(0,0,0) 100%);background-image: -o-linear-gradient(bottom, rgb(38,70,109) 5%, rgb(0,0,0) 100%);background-image: -moz-linear-gradient(bottom, rgb(38,70,109) 5%, rgb(0,0,0) 100%);background-image: -webkit-linear-gradient(bottom, rgb(38,70,109) 5%, rgb(0,0,0) 100%);background-image: -ms-linear-gradient(bottom, rgb(38,70,109) 5%, rgb(0,0,0) 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.05, rgb(38,70,109)),color-stop(1, rgb(0,0,0)));height:100%;font-size: .85em; font-family: Helvetica; margin: 0; padding: 0; color: #696969;}


.sieena-dashboard {text-align: center; font-family:Segoe UI; color: white; font-weight: lighter;}
.sieena-dashboard .first-column{display:inline-block; margin-top:50px; width: 620px; height: auto; overflow: hidden;}
.sieena-dashboard .second-column{display:inline-block; margin-top:50px; width: 620px; height: auto; overflow: hidden; margin-left: -10px; height: 780px;}
.sieena-dashboard .third-row{ margin-top:20px; width: auto; height: auto; overflow: hidden; text-align: center;}
.sieena-dashboard .fourth-row{ margin-top:20px; width: auto; height: auto; overflow: hidden; text-align: center;}
.sieena-dashboard .mid-square{margin-top:17px; display:inline-block; width: 175px; height:180px; background-color: #00ACDA; margin-right:20px;}
.sieena-dashboard .mid-square-alone{margin-top:195px; float: right; width: 176px; height:180px; background-color: transparent; margin-right:32px; }
.sieena-dashboard .big-square{margin-top:20px; display:inline-block; width: 375px; height:375px; background-color: #8DC63F; margin-right:20px;}
.sieena-dashboard .horizontal-rectangle{display:inline-block; width: 380px; height:180px; background-color: #00ACDA; margin-right:20px; }
.sieena-dashboard .hiddenspan{display:none;}

.sieena-dashboard .title{font-weight: lighter; display:inline-block; border-left:solid; width: 332px; height:180px; margin-right:40px; margin-bottom: 20px; font-size:80px; float:right;}
.sieena-dashboard .title .day{font-size:50pt; margin-top: -23px; position:absolute; margin-left:-72px;}
.sieena-dashboard .title .num-day{font-size:30pt; margin-left:-40px; margin-top:55px; position:absolute;}
.sieena-dashboard .title .month{font-size:20pt;}
.sieena-dashboard .title .year{font-size:56pt; float:right; margin-left:18px; margin-top:94px; position:relative;}

.sieena-dashboard .title-left{float:left; font-weight: lighter; display:inline-block; width: 240px; height:180px; margin-bottom: 20px; font-size:80px; }
.sieena-dashboard .title-left .today{font-size:30pt; text-align:left; margin-left:40px; margin-top: -10px;}
.sieena-dashboard .title-left .hour{font-size:64pt; margin-top: -24px; text-align:right;}
.sieena-dashboard .title-left .hour .minutes{color:LightBlue;}

/*First Column*/
.sieena-dashboard .first-column .mid-square{margin-top:20px; display:inline-block; width: 180px; height:180px; background-color: #00ACDA; margin-right:0px; margin-left:6px;}
.sieena-dashboard .first-column .vertical-rectangle{margin-top:20px; display:inline-block; width: 180px; height:375px; background-color: #8DC63F; margin-right:-6px;}
.sieena-dashboard .first-column .horizontal-rectangle{display:inline-block; width: 375px; height:180px; background-color: #00ACDA; margin-right:20px; }
.sieena-dashboard .first-column .twitter{display:inline-block; width: 375px; height:180px; background-color: transparent; margin-right:20px; }

/*Big Square*/  
.sieena-dashboard .first-column .big-square .big-pic{width:375px; height:375px;}
.sieena-dashboard .first-column .big-square .pager {background: url("/Content/Images/bg-titles-pic.png") repeat scroll 0 0 transparent; left: 0px; position: relative; z-index: 3; width:375px; height:55px; top: -58px;}
.sieena-dashboard .first-column .big-square .pager> span{font-size: 30pt; position: absolute; right: 5px; }
.sieena-dashboard .first-column .big-square .pager .day-number{right:300px}
.sieena-dashboard .first-column .big-square .pager> div { height:50px; width:50px; right:324px; top:12px;  left: 0%; position: absolute; z-index: 5;}
.sieena-dashboard .first-column .big-square .pager .birthday-icon{background: url("/Content/Images/icon-birthday.png") no-repeat scroll 0 0 transparent;}
.sieena-dashboard .first-column .big-square .pager .award-icon{background: url("/Content/Images/icon-award.png") no-repeat scroll 0 0 transparent;}
.sieena-dashboard .first-column .big-square .pager .bookmark-icon{background: url("/Content/Images/icon_bookmark.png") no-repeat scroll 0 0 transparent; left: -4px; top:-2px}

.sieena-dashboard .first-column .mid-square .logo{position:absolute; background: url("/Content/Images/logo-sieena.png") no-repeat scroll 0 0 transparent; width:180px; height:180px; margin-left:-20px; margin-top:5px;}

/*Weather*/
.sieena-dashboard .first-column .weather{position:absolute; display:none;}
.sieena-dashboard .first-column .weatherItem {height:180px; width:180px; margin-top:35px; background-position:-8% 50%;}
.sieena-dashboard .first-column .weatherCity{position:absolute;font-size:30pt; margin-left:2px; margin-top:175px;}
.sieena-dashboard .first-column .weatherDesc{font-size:20pt; margin-top:120px; margin-left:3px; width:180px;}
.sieena-dashboard .first-column .weatherTemp{position:absolute;font-size:55pt; margin-left:41px; margin-top:230px;}
.sieena-dashboard .first-column .weatherItem{position:absolute;}
.sieena-dashboard .first-column .weatherRange{display: none;}
.sieena-dashboard .first-column .weatherWind{display: none;}
.sieena-dashboard .first-column .weatherLink{display: none;}

/*Twitter*/
.sieena-dashboard .first-column .twitter div{ background: url("/Content/Images/icon-twitter.png") no-repeat scroll 0 0 transparent; width: 150px; height: 150px; margin-top:27px; margin-left:256px; background-position:left;}
.sieena-dashboard .first-column .twitter ul li {list-style: none; }
.sieena-dashboard .first-column .twitter ul li .tweeters{margin-top:-195px; float:left; text-align:left; margin-right:20px; font-size: 24pt; margin-left: -39px; }
.sieena-dashboard .first-column .twitter ul li .tweet{margin-top:-150px; float:left; margin-right:112px; text-align:right; font-size:14pt; margin-left:-33px;}
.sieena-dashboard .first-column .twitter ul li .tweetId{display:none;}

/*Clock*/
.sieena-dashboard .first-column .mid-square .clockanalog{background-color:  orange; float: left; height: 180px; margin: 0; overflow: hidden; width: 180px;}
.sieena-dashboard .first-column .mid-square .analogs{position:absolute;}
.sieena-dashboard .first-column .mid-square .seconds{position:absolute; background: url("/Content/Images/analogseconds.png") no-repeat scroll 0 0 transparent; height: 180px;width: 180px; }
.sieena-dashboard .first-column .mid-square .minutes{position:absolute; background: url("/Content/Images/analogminutes.png") no-repeat scroll 0 0 transparent; height: 180px;width: 180px; }
.sieena-dashboard .first-column .mid-square .hours{background: url("/Content/Images/analoghours.png") no-repeat scroll 0 0 transparent; height: 180px;width: 180px; }

/*Eventos*/
.sieena-dashboard .first-column .horizontal-rectangle .pager {background: url("/Content/Images/bg-titles-pic.png") repeat scroll 0 0 transparent; height: 40px; left: 0px; position: relative; top: -40px; width: 375px; z-index: 4;}
.sieena-dashboard .first-column .horizontal-rectangle .pager span{font-size: 23pt; margin-left: 70px}
.sieena-dashboard .first-column .horizontal-rectangle .my-events{width: 375px; height:180px;}
.sieena-dashboard .first-column .horizontal-rectangle ul{list-style: none;}
.sieena-dashboard .first-column .horizontal-rectangle .my-events div{width: 375px !important;}
.sieena-dashboard .first-column .horizontal-rectangle div img{height: 180px; margin-left: 0px; margin-top: 0px; width: 375px;}

/*Second Column*/
.sieena-dashboard .second-column .mid-square-alone .little-pics{width:180px; height:180px; position:relative; right: 378px; left: -2.37%;} 
.sieena-dashboard .second-column .mid-square-alone .pager {background: url("/Content/Images/bg-titles-pic.png") repeat scroll 0 0 transparent; left: -5px; position: relative; z-index: 3;width: 181px; height:40px; top: -43px;}
.sieena-dashboard .second-column .mid-square-alone .pager> span{font-size: 30pt; position: absolute; right: 5px; font-size: 20pt; top: 1px;}
.sieena-dashboard .second-column .mid-square-alone .pager .day-number{right:122px; font-size: 20pt; top: 1px;}

.sieena-dashboard .second-column .mid-square .little-pics{width:180px; height:180px; position:relative; right: 378px; left: -2.37%;} 
.sieena-dashboard .second-column .mid-square .pager {background: url("/Content/Images/bg-titles-pic.png") repeat scroll 0 0 transparent; left: -4px; position: relative; z-index: 3;width: 180px; height:40px; top: -43px;}
.sieena-dashboard .second-column .mid-square .pager> span{font-size: 30pt; position: absolute; right: 5px; font-size: 20pt; top: 1px;}
.sieena-dashboard .second-column .mid-square .pager .day-number{right:122px; font-size: 20pt; top: 1px;}



/*SecondColumn icons*/
.sieena-dashboard .second-column .mid-square .pager> div{right:324px; left: 0%; position: absolute; z-index: 5;  height:50px; width:50px;}
.sieena-dashboard .second-column .mid-square-alone .pager> div{right:324px; left: 0%; position: absolute; z-index: 5;  height:50px; width:50px;}
.ic-birthday { top:3px; background: url("/Content/Images/icon-birthday.png") no-repeat scroll 0 0 transparent; }
.ic-bookmark{ margin-left: -5px; top:-2px; background: url("/Content/Images/icon_bookmark.png") no-repeat scroll 0 0 transparent;}
.ic-award{ margin-left: 1px; top: 3px; background: url("/Content/Images/icon-award.png") no-repeat scroll 0 0 transparent;}

.sieena-dashboard .second-column .adContainer{ display: inline-block; height: 379px; width: 318px; margin-left: -23px;}
.sieena-dashboard .second-column .ad{ display: inline-block; height: 376px; width: 318px; margin-left: -23px;}
.sieena-dashboard .second-column .ad h1{font-size: 40px; font-weight: normal; color: White; font-weight: lighter; text-align: left;}
.sieena-dashboard .second-column .ad .ad-text{margin-top:15px; font-size:medium; text-align: left; font-weight: lighter; float:left; font-size:17pt; width:350px;}
.sieena-dashboard .second-column .ad> span {float:left;}

